<template>
  <!-- 主体区域 -->
  <section id="app">
    <!--  难点 理解 $event 代表的是函数形参 -->
    <!-- v-model  =>  :value   @input -->
    <!-- <BaseSelect :value="selectId" @input="selectId= $event" /> -->
    <BaseSelect v-model="selectId"/>
  </section>
</template>

<script>
import BaseSelect from './components/BaseSelect'
export default {
  components: {
    BaseSelect
  },
  data () {
    return {
      selectId: '102'
    }
  },
  watch: {
   
  },
  methods: {
    // 不传参数  模版里使用形参用$event
    fn(id) {
      console.log(id);
    }
  }
}
</script>

<style>

</style>
